#blackboard {
	float:left;
	height:360px;
	width:400px;
	top:800px;
	vertical-align:middle;
}

#livestream {
	float:left;
	margin-top:auto;
	vertical-align:middle;
	height:400px;
	width:820px;
	margin-left:20px;
	margin-top:29px;
	margin-right:20px;
	background-color:#000;
}

#blackboardmenu { margin:40px 0 0 20px; }
#blackboardmenu ul { list-style:none; }
#blackboardmenu ul li { display:inline; float:left; margin-bottom:20px; }

/* :first-child pseudo selector with rounded top left corner */
#blackboardmenu ul li:first-child a { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius:12px; }

/* :last-child pseudo selector with rounded top right corner */
#blackboardmenu ul li:last-child a { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius:12px; }

/* background color set to RGBA, with opacity on 0.3 and also using text-shadow */
#blackboardmenu ul li a { padding:20px; background: rgba(80,78,78,0.3); text-decoration: none; font: bold 14px Helvetica, Sans-Serif; letter-spacing: -1px; color: #402e16;
	text-shadow: #eee 0px 0px 2px; }
	
/* hover state shows a linear gradient and opacity it brought down to 0.9 and also shows a very slight grey gradient on top */
#blackboardmenu ul li a:hover { -moz-box-shadow: 0 -5px 10px #777; -webkit-box-shadow: 0 -5px 10px #777;
	background: -webkit-gradient(
		linear, right bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(0.72, rgb(255,255,255))) !important;
	background: -moz-linear-gradient(
		right bottom, rgb(255,255,255) 0%, rgb(255,255,255) 72%) !important;
	background-color:rgb(255,255,255) !important;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; }

/* another RGBA background, now with an opacity of 0.8 */
#blackboardmenu ul li a.active { background: rgba(255,255,255, 0.8) !important; }

/* main contents with RGBA background (same colour as active tab) and three rounded corners */
#main {
	clear:both; 
	background: rgba(255,255,255, 0.8); 
	width:400px; 
	margin-left:20px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius:12px;
}

#main p { padding-bottom:20px;}